<style type="text/css">
    .div li{
        float: left;
        padding: 0 1rem;
        cursor: pointer;
        list-style: none;
        font-size: 13px;
        font-weight: 500;
    }
    .show{
        background: #0D9AE4;
        color: #fff;
    }
    .group :hover{
        background: #0D9AE4!important;
        color: #fff!important;
    }

    .show_member{
        background: #0D9AE4;
        color: #fff;
    }
    .member :hover{
        background: #0D9AE4!important;
        color: #fff!important;
    }

    .show_time{
        background: #0D9AE4;
        color: #fff;
    }
    .time :hover{
        background: #0D9AE4!important;
        color: #fff!important;
    }
    .show_module{
        background: #0D9AE4;
        color: #fff;
    }
    .module :hover{
        background: #0D9AE4!important;
        color: #fff!important;
    }
    .span{
        font-weight: 600;
        font-size: 15px;
    }
    .div{
        display: inline-block;
        margin-left: 3px;
        vertical-align: middle;
    }
    .admin_num{
        display: inline-block;
        color: blueviolet;
        margin-left: 15px;
        cursor: pointer;
    }
    .head{
        text-align: center;
        padding-top: 1px
    }
    .head a{

        cursor: pointer;
        color: white;
    }
    .head a:hover{
        color: greenyellow;
    }
    .week{
        margin-left: 10px;
    }
    .month{
        margin-left: 10px;
    }
    .show_rank{
        color: greenyellow!important;
    }
    .body{
        text-align: center;margin-top: 2px;
    }
    .body>div{
        width: 100%;
    }
    .body p{
        display: inline-block;
        width: 45%
    }
    .parent{
        height: 370px;
        overflow: auto;
    }
    .title{
        font-weight: 600;color: black!important;
    }
    .single{
        overflow:hidden;
        text-overflow:ellipsis;
        white-space:nowrap;
    }
    #single_read_rank p{
        display: inline-block;
        width: 31% !important;
        vertical-align: top;
    }
    .sp_result_area{
        overflow: auto;
        max-height: 300px;
    }
</style>
<div class="panel panel-default panel-intro">
    <div class="panel-body">
        <div id="myTabContent" class="tab-content">
                <div class="row">
                    <div class="col-xs-12">
                        <h3>工作台</h3>
                        <div style="margin-top: 18px">
                            <span class="span">部门</span>
                            <div class="div" style="width: 75%;">
                                <ul style="width: 100%" id="first">
                                    {volist name='groupList' id='vo'}
                                    <a class="group"  href="javascript:;" cid="{$vo.id}"><li class="{if $vo.id eq $group_id}show{/if}">{$vo.name}</li></a>
                                    {/volist}
                                </ul>
                            </div>
                        </div>

                        <div style="margin-top: 18px">
                            <span class="span">人员</span>
                            <div class="div" style="width: 75%;">
                                <ul style="width: 100%" id="member">
                                    <a class="member"  href="javascript:;" cid="9999"><li class="{if $m_id eq 9999}show_member{/if}">全部</li></a>
                                    {volist name='member' id='vo' key='k'}
                                    <a class="member"  href="javascript:;" cid="{$vo.id}"><li class="{if $vo.id eq $m_id}show_member{/if}">{$vo.nickname}</li></a>
                                    {/volist}
                                </ul>
                            </div>
                        </div>

                        <div style="margin-top: 18px">
                            <span class="span">模块</span>
                            <div class="div" style="width: 75%;">
                                <ul style="width: 100%" >
                                    <a class="module"  href="javascript:;" cid="1"><li class="{if $type eq 1}show_module{/if}">查升学</li></a>
                                    <a class="module"  href="javascript:;" cid="2"><li class="{if $type eq 2}show_module{/if}">查大学</li></a>
                                    <a class="module"  href="javascript:;" cid="3"><li class="{if $type eq 3}show_module{/if}">查专业</li></a>
                                    <a class="module"  href="javascript:;" cid="4"><li class="{if $type eq 4}show_module{/if}">查数据</li></a>
                                    <a class="module"  href="javascript:;" cid="5"><li class="{if $type eq 5}show_module{/if}">查试卷</li></a>
<!--                                    <a class="module"  href="javascript:;" cid="6"><li class="{if $type eq 6}show_module{/if}">全部</li></a>-->
                                </ul>
                            </div>
                        </div>
                        <div style="margin-top: 18px">
                            <span class="span">时间</span>
                            <div class="div" style="width: 75%;">
                                <ul style="width: 100%" >
                                    <a class="time"  href="javascript:;" cid="1"><li class="{if $time eq 1}show_time{/if}">今日</li></a>
                                    <a class="time"  href="javascript:;" cid="2"><li class="{if $time eq 2}show_time{/if}">昨日</li></a>
                                    <a class="time"  href="javascript:;" cid="3"><li class="{if $time eq 3}show_time{/if}">最近7天</li></a>
                                    <a class="time"  href="javascript:;" cid="4"><li class="{if $time eq 4}show_time{/if}">最近30天</li></a>
                                </ul>
                            </div>
                        </div>
                        <div style="margin-top: 18px">
                            <span class="span">当前搜索条件:</span>
                            <div style="margin-left: 6px;display: inline-block;font-size: 14px;font-weight: 600" id="condition"></div>
                        </div>
                        <div id="toolbar" class="toolbar" >
                            <a href="javascript:;" class="btn btn-primary btn-refresh" title="{:__('Refresh')}" ><i class="fa fa-refresh"></i> </a>
                        </div>

                        <table id="table" class="table table-striped table-bordered table-hover table-nowrap"
                               data-operate-edit=""
                               data-operate-del=""
                               width="100%">
                        </table>

                    </div>
                </div>
            </div>
        </div>

</div>
